<!--<template>-->
<!--    <div class="login">-->
<!--        <el-form ref="loginForm" :model="loginForm" :rules="loginRules" label-position="left"-->
<!--                 label-width="0px"-->
<!--                 class="login-form">-->
<!--            <h3 class="title">-->
<!--                <strong>新空安无人机管理平台</strong>-->
<!--            </h3>-->
<!--            <el-form-item prop="username">-->
<!--                <el-input v-model="loginForm.username" type="text" auto-complete="off" placeholder="请输入账号"-->
<!--                          prefix-icon="el-icon-user-solid" clearable>-->
<!--                </el-input>-->
<!--            </el-form-item>-->
<!--            <el-form-item prop="password">-->
<!--                <el-input v-model="loginForm.password" type="password" auto-complete="off" placeholder="请输入密码"-->
<!--                          prefix-icon="el-icon-s-goods" show-password clearable>-->
<!--                </el-input>-->
<!--            </el-form-item>-->
<!--            <el-checkbox v-model="loginForm.rememberMe" style="margin:0 0 25px 0;">-->
<!--                记住我-->
<!--            </el-checkbox>-->
<!--            <el-form-item>-->
<!--                <el-button type="primary" @click="onSubmit('loginForm')">登录</el-button>-->
<!--            </el-form-item>-->
<!--        </el-form>-->
<!--    </div>-->
<!--</template>-->

<!--<script lang="ts">-->
<!--  import {login} from '../api/auth';-->
<!--  import {encrypt} from '../api/rsaEncrypt';-->

<!--  export default {-->
<!--    name: 'MyLogin',-->
<!--    data() {-->
<!--      return {-->
<!--        loginForm: {-->
<!--          username: '',-->
<!--          password: '',-->
<!--          rememberMe: false,-->
<!--        },-->
<!--        loginRules: {-->
<!--          username: [{required: true, trigger: 'blur', message: '用户名不能为空'}],-->
<!--          password: [{required: true, trigger: 'blur', message: '密码不能为空'}],-->
<!--        },-->
<!--      };-->
<!--    },-->
<!--    methods: {-->
<!--      onSubmit(formName) {-->
<!--        this.$refs[formName].validate((valid) => {-->
<!--          if (valid) {-->
<!--            const {username, password} = this.loginForm;-->
<!--            const encodePassword = encrypt(password);-->
<!--            login(username, encodePassword).then(res => {-->
<!--              console.log(res);-->
<!--            });-->
<!--          } else {-->
<!--            return false;-->
<!--          }-->
<!--        });-->
<!--      },-->
<!--    }-->
<!--  };-->
<!--</script>-->

<!--<style scoped lang="scss">-->
<!--    .login {-->
<!--        height: 100%;-->
<!--        width: 100%;-->
<!--        background-image: url("../assets/images/background.jpg");-->
<!--        display: flex;-->
<!--        justify-content: center;-->
<!--        align-items: center;-->

<!--        .el-form {-->
<!--            border-radius: 6px;-->
<!--            background: #ffffff;-->
<!--            width: 385px;-->
<!--            padding: 25px 25px 5px 25px;-->

<!--            .el-input {-->
<!--                height: 38px;-->

<!--                input {-->
<!--                    height: 38px;-->
<!--                }-->
<!--            }-->

<!--            .el-button {-->
<!--                width: 100%;-->
<!--            }-->

<!--            .title {-->
<!--                margin: 0 auto 30px auto;-->
<!--                text-align: center;-->
<!--                color: #707070;-->
<!--            }-->
<!--        }-->
<!--    }-->
<!--</style>-->